<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="css/mui.min.css" rel="stylesheet" />
	</head>

	<body>
		<script src="js/mui.min.js"></script>
		
		<div class="mui-content">
		<button type="button" data-loading-text="提交中"  class="mui-btn mui-btn-grey">按钮</button>
		<div class="mui-input-row mui-input-range">
		    <label>Range</label>
		    <input type="range" min="0" max="100" value="50">
		</div>
		<div class="mui-input-row mui-checkbox mui-left ">
		    <label>Checkbox</label>
		    <input name="Checkbox" type="checkbox" checked>
		</div>
		<div class="mui-input-row mui-checkbox ">
		    <label>Checkbox</label>
		    <input name="Checkbox" type="checkbox" checked>
		</div>
		<ul class="mui-table-view">
		    <li class="mui-table-view-cell mui-collapse">
		        <a href="1index.html" class="mui-navigate-right" href="#">面板1</a>
		        <div class="mui-collapse-content">
		            <p>面板1子内容</p>
		        </div>
		    </li>
		    <li class="mui-table-view-cell mui-collapse">
		        <a class="mui-navigate-right" href="#">面板</a>
		            <div class="mui-collapse-content">
		            <p>面板2子内容</p>
		        </div>
		    </li>
		    <li class="mui-table-view-cell mui-collapse">
		        <a class="mui-navigate-right" href="#">面板3</a>
		        <div class="mui-collapse-content">
		            <p>面板3子内容</p>
		        </div>
		    </li>
		</ul>
		
		<button id="sheet">操作面板</button>
		<a  href="1index.html">去首页</a>	
		
		<div id="sheet1" class="mui-popover mui-popover-bottom mui-popover-action ">
		    <!-- 可选择菜单 -->
		    <ul class="mui-table-view">
		      <li class="mui-table-view-cell">
		        <a href="#">1菜单1</a>
		      </li>
		      <li class="mui-table-view-cell">
		        <a href="#">2菜单2</a>
		      </li>
		    </ul>
		    <!-- 取消菜单 -->
		    <ul class="mui-table-view">
		      <li class="mui-table-view-cell">
		        <a href="#sheet1"><b>3取消</b></a>
		      </li>
		    </ul>
		</div>
		</div>
		<script type="text/javascript">
			mui.init({
				statusBarBackground: '#f7f7f7'
			})
			
			mui.plusReady(function () {
				console.log("当前页面URL："+plus.webview.currentWebview().getURL());
			})
			
//			mui(document.body).on('tap', ".gohome", function (e) {
//				mui.openWindow({
//					url: '1index.html',
//					show: {
//						autoShow: false
//					}
//				})
//			})
			
			mui(document.body).on('tap', "#sheet", function (e) {
				 mui('#sheet1').popover('toggle');
			})
			mui(document.body).on('tap','a',function(){
			    window.top.location.href=this.href;
			});

			
			mui(document.body).on('tap', '.mui-btn', function(e) {
			    mui(this).button('loading');
			    setTimeout(function() {
			        mui(this).button('reset');
			    }.bind(this), 2000);
			});
		</script>
	</body>

</html>